<template>
  <view>
    <!-- 地图组件 -->
    <map :longitude="longitude" :latitude="latitude" :scale="scale"></map>
    <button @click="openLoc"></button>
    <button @click="selLoc"></button>
  </view>
</template>

<script>
export default {
  data() {
    return {
      // 经度纬度
      longitude: 116.39742,
      latitude: 39.909,
      scale: 16
    };
  },
  onLoad() {
    this.getLoc();
  },
  methods: {
    getLoc() {
      //   获取定位信息
      uni.getLocation({
        type: "wgs84",
        success: res => {
          console.log("当前位置的经度：" + res.longitude);
          console.log("当前位置的纬度：" + res.latitude);
          this.longitude = res.longitude;
          this.latitude = res.latitude;
        }
      });
    },
    // 打开定位
    openLoc() {
      uni.openLocation({
        longitude: this.longitude,
        latitude: this.latitude
      });
    },
    // 选择位置
    selLoc() {
      uni.chooseLocation({
        success: function(res) {
          console.log("位置名称：" + res.name);
          console.log("详细地址：" + res.address);
          console.log("纬度：" + res.latitude);
          console.log("经度：" + res.longitude);
        }
      });
    }
  }
};
</script>

<style lang="scss" scoped>
map {
  width: 100%;
  height: 600rpx;
}
</style>